<script setup lang="ts">
import ClosingMP4 from '@/assets/closing.mp4'
import ClosingMP3 from '@/assets/closemusic.mp3'
import ClosingText from '@/assets/closetext.png'
import { onBeforeUnmount, onMounted, ref } from 'vue'

const audioRef = ref()

// onMounted(() => {
//   audioRef.value.play()
// })

// onBeforeUnmount(() => {
//   audioRef.value.pause()
// })
</script>

<template>
  <main class="relative w-screen h-screen bg-black">
    <audio class="none" :src="ClosingMP3"></audio>
    <div class="flex justify-center items-center">
      <video class="w-full h-full object-contain" :src="ClosingMP4" autoplay loop></video>
    </div>
    <div class="absolute top-0 left-0 w-screen h-screen flex justify-center items-center">
      <img :src="ClosingText" alt="closing" class="object-cover mx-auto" />
    </div>
  </main>
</template>
